<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
    <link href="js/elment.css" rel="stylesheet">
    <script src="js/main.js"></script>
</head>
<body>
<div id="app">
    <el-rate
            disabled
            score-template="{value}"
            show-score
            text-color="#ff9900"
            v-model="value">
    </el-rate>
<div style="width: 600px">
    <template>
        <el-carousel :interval="3000" height="300px" type="card" >
            <el-carousel-item :key="item" v-for="item in items">

                <img :src="item" alt="111" style="height: 300px;">
            </el-carousel-item>
        </el-carousel>
    </template>
</div>

</div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
   let v = new Vue({
       el:"#app",
       data:{
           value:4.3,
           items:["guo.jpg","liyk.jpg","liufei.jpg"]
       }
   })
</script>
</html>